@charset "utf-8";
body{width:100%;height:100%;font-family:Arial,Helvetica,"微软雅黑","华文细黑",sans-serif;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a{text-decoration:none;outline:0;-webkit-touch-callout:none;-webkit-user-select:none}img{border:0;vertical-align:middle}
*{padding:0;margin:0;list-style:none;border:0}.clearfix:after{content:".";display:block;height:0;clear:both;font-size:0}
*html .clearfix:after{height:1%}.clearfix{*zoom:1}.left{float:left}.right{float:right}.absolute{position:absolute}.relative{position:relative}
input,button{outline: none;}
.redsymbol{color:#d82f2f}
.boxflex{display:box!important;display:-moz-box!important;display:-o-box!important;display:-ms-box!important;display:-webkit-flex!important;display:-moz-flex!important;display:-o-flex!important;display:flex!important;display:-webkit-box!important}
/*.boxflex>*{display:block}*/
.box_pack_end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-box-pack:end;box-pack:end}
.box_pack_center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-box-pack:center;box-pack:center}.box_orient_v{-moz-box-orient:vertical;-webkit-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical}
.box_orient_h{-moz-box-orient:horizontal;-webkit-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal}
.box_flex_1{-moz-box-flex:1;box-flex:1;-moz-flex:1;-webkit-flex:1;flex:1;-webkit-box-flex:1}
.box_flex_2{-moz-box-flex:2;-webkit-box-flex:2;-moz-flex:2;-webkit-flex:2;flex:2;box-flex:2}
.table{display:table!important}.table-cell{display:table-cell!important}
.block-mask{position:fixed;background:#000;width:100%;height:100%;left:0;top:0;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);z-index:99990}
.icon-warn{display:inline-block;width:0;height:0;border-width:0 9px 15px;border-color:transparent transparent red;border-style:solid;font-style:normal;font-size:12px;margin-right:.5em}
.icon-warn:after{position:absolute;top:15px;left:15px;text-align:center;content:"!";font-size:14px;font-weight:600;color:#fff;width:18px}
i.icon{display:inline-block;width:30px;height:30px;background-size:1400%}
i.icon.icon-currhold{background-position:-44px -22px}i.icon.icon-operrec{background:url("../images/icon-operrec.png") no-repeat;}
i.icon.icon-income{background:url("../images/icon-income.png") no-repeat;}i.icon.icon-coinrec{background-position:-44px -130px}
i.icon.icon-setting{background:url("../images/icon-setting.png") no-repeat;}i.icon.icon-share{background-position:-96px -152px}
i.icon.icon-compentate{background-position:-96px -85px}i.icon.icon-newsgift{background-position:-96px -22px}
i.icon.icon-coin{background-size:300%;background-position:-65px 2px}
.arrow{position:relative;display:inline-block;height:25px;width:25px;background:url(../images/allowicon.png) no-repeat center center;background-position:0 0}
.arrow-up{background-position:-61px -9px;background-size:320%}
.arrow-down{background-position:-41px -9px;background-size:320%}
.arrow-up.active{background-position:-19px -9px;background-size:320%}.arrow-down.active{background-position:3px -9px;background-size:320%}.active .arrow-up{background-position:-19px -9px;background-size:320%}.active .arrow-down{background-position:3px -9px;background-size:320%}.arrow-tip{background-position:-8px -23px;background-size:140%;width:45px}.earrow{position:relative;display:inline-block}.earrow:after,.earrow:before{position:absolute;content:'';width:7px;background-color:#ccc;height:2px}.earrow-up:before{border:0;background-color:#555;height:50%;width:30%;top:50%;left:35%}.earrow-up:after{left:0;top:-50%;border-width:20px;border-bottom-color:#555}.earrow-right:before{top:14px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.earrow-right:after{top:10px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}.earrow-down:before{border:0;background-color:#555;height:50%;width:30%;top:0;left:35%}.earrow-down:after{left:0;top:50%;border-width:20px;border-top-color:#555}.earrow-left:before{border:0;background-color:#555;height:30%;width:50%;top:35%;left:50%}.earrow-left:after{left:-50%;top:0;border-width:20px;border-right-color:#555}.layui-layer .layui-layer-btn{padding-bottom:20px}.layui-layer .layui-layer-btn .layui-layer-btn0,.layui-layer .layui-layer-btn .layui-layer-btn1{padding:5px 20px}.layui-layer{border-radius:5px!important}.layui-layer .layui-layer-title{border-radius:5px 5px 0 0;text-align:center;padding:0 40px}.data-empty{text-align:center;color:#999;padding:30px 0;font-size:12px;border:0!important;background-color:transparent!important}.layui-layer-definecomfirm .layui-layer-content p{text-align:center}
.icon-msgtip{display:inline-block;width:25px;height:25px;background:#2093ec;font-size:12px;border-radius:100%}
.icon-msgtip:after{text-align:center;line-height:25px;content:"!";font-size:20px;font-weight:600;color:#fff;font-style:normal}
.layui-layer-definecomfirm .layui-layer-content .title-tip{color:#2093ec;padding-left:5px;font-size:18px;font-family:monospace}
.layui-layer-definecomfirm .layui-layer-content .content-detail{padding:15px 0 5px;color:#555}
.layui-layer-definecomfirm.layui-layer .layui-layer-btn{padding:0}
.layui-layer-definecomfirm.layui-layer .layui-layer-btn .layui-layer-btn0,.layui-layer-definecomfirm.layui-layer .layui-layer-btn .layui-layer-btn1{margin:0;padding:0;text-align:center;width:50%;box-sizing:border-box;line-height:35px}
.layui-layer-definecomfirm.layui-layer .layui-layer-btn .layui-layer-btn0{border-radius:0 0 0 2px}
.layui-layer-definecomfirm.layui-layer .layui-layer-btn .layui-layer-btn1{border-radius:0 0 2px}
.layui-layer-definecomfirm.layui-layer-dialog .layui-layer-content{padding:30px 20px 20px}
.sure-btn-wrap{padding:10px 1px;box-sizing:border-box}.sure-btn-wrap>div{width:100%;box-sizing:border-box}
.sure-btn-wrap>p{font-size:11px;color:#999;padding:5px 5px 0;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sure-btn-wrap>div label{height:38px;line-height:38px;text-align:center;cursor:pointer;font-size:14px;display:block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.sure-btn-wrap>div>div{padding:0 5px;width:50%;box-sizing:border-box}.sure-btn-wrap>div .cancel{width:40%}
.sure-btn-wrap>div .determine{width:60%}.sure-btn-wrap>div .cancel label{color:#666;border:#ccc 1px solid;background-color:#FFF}
.sure-btn-wrap>div .determine label{color:#fff;background-color:#f00;border:1px solid #f00;}.createup .sure-btn-wrap>div .determine label{background-color:#e63234;border:1px solid #e63234}.createdown .sure-btn-wrap>div .determine label{background-color:#1eb83f;border:1px solid #1eb83f}.signproto-layui-layer{background-color:#fff}.layui-layer .layui-layer-setwin{top:5px;right:5px}.layui-layer .layui-layer-setwin .layui-layer-close1{border:10px solid #e4e4e4}.layui-layer-netbad.layui-layer .layui-layer-btn{padding-bottom:0}.layui-layer-netbad.layui-layer-dialog .layui-layer-content{border-bottom:1px solid #eee}.layui-layer-netbad.layui-layer .layui-layer-btn .layui-layer-btn0,.layui-layer-netbad.layui-layer .layui-layer-btn .layui-layer-btn1{background:transparent;border:0;color:#2e8ded;padding:10px 0;width:50%;box-sizing:border-box;margin:0}

.protocol-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ccc;
}
#createorderbox{position:absolute;bottom:0;width:100%;left:0;top:auto;background:#f2f2f2}
.createchoose-wrap{height:40px;color:#fff;background-color:#f00;font-size:16px;margin-bottom:10px;text-align:center;line-height:40px}
.createchoose-wrap.createup{background-color:#e63234}
.createchoose-wrap.createdown{background-color:#1eb83f}
.productinfo{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:clip}.key-value{padding:5px 6px}
.key-value.needfee-wrap{padding-top:0}
.key-value .key{
    width: 90px;
    display: inline-block;
    color:#666;
    line-height:36px;
    font-size:15px
}
.key-value ul{width:100%;padding:3px 0}
.key-value li label{height:28px;line-height:28px;text-align:center;display:block;color:#666;background-color:#FFF;border:#ccc 1px solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer}.key-value li label.active{color:#2093ec;border:#2093ec 1px solid}
.key-value li{
	display:inline-block;
	width: 30%;
    margin-right: 1%;
    box-sizing: border-box;
    text-align: center;
    padding-left: 6px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius:5px;
}
.key-value li.active{
    border: 1px solid #2093ec;
    color:#2093ec;
}
.btn-coin.disable{background-color:#ccc;cursor:not-allowed;border:#ccc 1px solid}
.num-wrap>*{display:inline-block;height:28px;line-height:28px;text-align:center;font-size:13px;color:#666;background:transparent}
.num-wrap{padding:3px 0 3px 0px}
.num-wrap input{width:20%;color:red;padding:0 5px;box-sizing:border-box}.btn-coin{width:15%;background-color:#FFF;border:#ccc 1px solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer}.needfee-wrap .needfee{line-height:36px;color:red;padding-left:6px}

#mask{ 
    background-color:#ccc;
    opacity:0.5;
    filter: alpha(opacity=50); 
    position:absolute; 
    left:0;
    top:0;
    z-index:1000;
    }
#login{ 
    position:fixed;
    z-index:1001;   
     width: 100%;
    }
.loginCon{ 
    position:relative; 
    width:100%;
    background:url(img/loginBg.png) #2A2C2E center center no-repeat;
}

/*清除浮动代码*/ 
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 

/* 出入金记录开始 */
.rec_content{background-color:#FFF;padding:0 6px}
#bean_list .keyvalue{width:60%;white-space:nowrap}
#bean_list .keyvalue:first-child{width:40%}
#bean_list ul{padding:5px 0}
#bean_list li{padding:5px 0;color:#666;text-indent:10px;font-size:12px;line-height:25px;border-bottom:1px solid #eee}
#bean_list .title{margin-left:-6px}
.earn-wrap{padding:6px 0 12px}
.earn-wrap .dearn{border-radius:4px;padding:5px;margin-right:5px;color:#fff;font-size:14px}
.earn-wrap.earn-zorn .dearn{background-color:#f39800}
.earn-wrap.earn-up .dearn{background-color:#e63234}
.earn-wrap.earn-down .dearn{background-color:#1eb83f}
.earn-wrap.earn-zorn .profit{color:#f39800;font-size:14px}
.earn-wrap.earn-up .profit{color:#e63234;font-size:14px}
.earn-wrap.earn-down .profit{color:#1eb83f;font-size:14px}
.deta_more{text-align:center;padding:5% 0;color:#666;font-size:14px}
.deta_more a{color:#666;font-size:14px}
.deta_more img{width:55px;height:14px;vertical-align:top;margin-top:1px}

/* 出入金记录结束 */

/* 交易轨迹开始 */

.left_img {
    width: 13%;
    float: left;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    line-height: 50px;
}
.left_img img {
    vertical-align: middle;
    width: 38px;
    height: 38px;
}
.right_text {
    width: 87%;
    float: right;
}
.detail_text {
    padding-top: 5px;    
    line-height: 20px;
    font-size: 13px;
    padding-left: 10px;
}
.yellow {
    color: #fadb0b;
}
.tot {
    width: 100%;
}
.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}
.detail_main {
    width: 100%;
    background: #eaa5a5;
    overflow: hidden;
    border-bottom: 1px solid #e2c2c2;
}
.detail_box_hx {
    width: 95%;
    margin: 0 auto;
    height: 50px;
}

/* 交易轨迹结束 */


/* 遮罩层开始 */
.transmask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:9999 !important;
    background-color: rgba(238,238,238,0.8);
}
.transmask .infotips{
    position: absolute;
    top:50%;
    left:50%;
    width: 200px;
    height:50px;
    font-size: 16px;
    margin-left:-100px;
    margin-top:-25px;
    line-height: 28px;
    text-align: center;
    color:#000;
}
/* 遮罩层结束 */



